<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
		<meta name="format-detection" content="telephone=no">
		<title></title>
		<!--<link rel="stylesheet" href="frozen/css/frozen.css" />-->
		<style>@font-face {
	font-family: 'custom';
	src: url('fonts/helvetica-neue-lt-std-25-ultra-light.ttf') format('truetype');
	/* src: url('../fonts/helvetica-neue-lt-std-25-ultra-light.eot');
	src: url('../fonts/helvetica-neue-lt-std-25-ultra-light.woff') format('woff'),
	url('../fonts/helvetica-neue-lt-std-25-ultra-light.ttf') format('truetype'),
	url('../fonts/helvetica-neue-lt-std-25-ultra-light.svg') format('svg'); */
	font-weight: normal;
	font-style: normal;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
header,
hgroup,
nav,
section,
article,
aside,
footer,
figure,
figcaption,
menu,
button {
	margin: 0;
	padding: 0
}

body {
	font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
	line-height: 1.5;
	font-size: 14px;
	color: #000;
	background-color: #f8f9fa;
	-webkit-user-select: none;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: transparent
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: normal
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

fieldset,
img {
	border: 0
}

li {
	list-style: none
}

input,
textarea,
select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit
}

button,
input {
	border: 0;
	background: 0;
	-webkit-appearance: none;
	outline: 0
}

a {
	-webkit-touch-callout: none;
	text-decoration: none;
	color: #00a5e0;
	outline: 0
}

em,
i {
	font-style: normal
}

em {
	color: #ff7200
}

::-webkit-input-placeholder {
	color: #999
}

.ui-txt-black {
	color: black
}

.ui-txt-gray {
	color: gray
}

.ui-txt-lightgray {
	color: #a6a6a6
}

.ui-txt-blue {
	color: #00a5e0
}

.ui-border-top {
	border-top: 1px solid #dedfe0
}

.ui-border-btm {
	border-bottom: 1px solid #dedfe0
}

.ui-border-tb {
	border-top: #dedfe0 1px solid;
	border-bottom: #dedfe0 1px solid;
	background-image: none
}

.ui-border-left {
	border-left: 1px solid #dedfe0
}

.ui-border-right {
	border-right: 1px solid #dedfe0
}

@media screen and (-webkit-min-device-pixel-ratio:2) {
	.ui-border-top {
		border-top: 0
	}
	.ui-border-btm {
		border-bottom: 0
	}
	.ui-border-top {
		background-position: left top;
		background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #dedfe0), to(#dedfe0))
	}
	.ui-border-btm {
		background-position: left bottom;
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #dedfe0), to(#dedfe0))
	}
	.ui-border-top,
	.ui-border-btm {
		background-repeat: repeat-x;
		background-size: 100% 1px
	}
	.ui-border-tb {
		background: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #dedfe0), to(#dedfe0)) left top repeat-x, -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #dedfe0), to(#dedfe0)) left bottom repeat-x;
		border-top: 0;
		border-bottom: 0
	}
	.ui-border-tb {
		background-size: 100% 1px;
		-wekit-background-size: 100% 1px
	}
	.ui-border-left,
	.ui-border-right {
		position: relative;
		border: 0
	}
	.ui-border-left:before,
	.ui-border-right:before {
		content: "";
		position: absolute;
		width: 0;
		top: 0;
		bottom: 0;
		-webkit-transform: scaleX(0.5)
	}
	.ui-border-left:before {
		-webkit-transform-origin: left top;
		border-left: 1px solid #dedfe0;
		left: 0
	}
	.ui-border-right:before {
		-webkit-transform-origin: right top;
		border-right: 1px solid #dedfe0;
		right: 0
	}
}

.ui-center {
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	text-align: center
}

.ui-round {
	width: 50px;
	height: 50px;
	-webkit-border-radius: 50%;
	overflow: hidden
}

.ui-reddot {
	position: relative;
	display: inline-block
}

.ui-reddot:after {
	content: '';
	position: absolute;
	display: block;
	width: 9px;
	height: 9px;
	background-color: #f76249;
	border-radius: 5px;
	right: -3px;
	top: -3px
}

.ui-reddot-border:after {
	border: 1px #fff solid
}

.ui-reddot-s:after {
	width: 6px;
	height: 6px;
	top: -5px;
	right: -5px
}

.ui-badge {
	display: inline-block;
	text-align: center;
	background: #f74c31;
	color: #fff;
	font-size: 12px;
	height: 22px;
	line-height: 22px;
	-webkit-border-radius: 10px;
	padding: 0 7px
}

.ui-badge-muted {
	background: #b6cae0
}

.ui-icon {
	display: inline-block;
	width: 25px;
	height: 0;
	position: relative;
	overflow: visible
}

.ui-icon:before {
	background: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/icon.png?_bid=256) no-repeat 0 0;
	background-size: 200px auto;
	content: "";
	display: block;
	width: 25px;
	height: 25px;
	position: absolute;
	left: 0;
	top: -14px
}

.ui-icon.icon-refresh {
	width: 22px
}

.ui-icon.icon-refresh:before {
	width: 22px;
	height: 22px;
	top: -11px;
	background-position: -50px -25px
}

.ui-icon.icon-info:before {
	background-position: -46px -50px
}

.ui-icon.icon-warn-red:before {
	background-position: -100px -25px;
	top: -17px
}

.ui-icon.icon-select-img {
	width: 27px
}

.ui-icon.icon-select-img:before {
	width: 27px;
	height: 27px;
	background-position: -150px -75px;
	top: -18px
}

.ui-icon.icon-praise:before {
	background-position: 0 -100px
}

.ui-icon.icon-praise.active:before,
.ui-icon.icon-praise:active:before {
	background-position: -25px -100px
}

.ui-icon.icon-praise-s:before {
	background-position: -50px -100px
}

.ui-icon.icon-praise-s.active:before,
.ui-icon.icon-praise-s:active:before {
	background-position: -75px -100px
}

.ui-icon.icon-success:before {
	background-position: 0 -75px
}

.ui-icon.icon-tips:before {
	background-position: -75px -25px;
	top: -16px
}

.ui-btn {
	height: 30px;
	line-height: 28px;
	padding: 0 13px;
	min-width: 56px;
	display: inline-block;
	position: relative;
	text-align: center;
	border: 0 none;
	color: #0079ff;
	font-size: 14px;
	background-color: #fdfdfd;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.38, #fff), to(#fafafa));
	border: 1px solid #cacccd;
	border-radius: 3px;
	vertical-align: top;
	color: #00a5e0;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
	box-sizing: border-box
}

.ui-btn:active,
.ui-btn.active {
	background: #f2f2f2;
	color: rgba(0, 165, 224, 0.5)
}

.ui-btn:after {
	content: "";
	position: absolute;
	top: -12px;
	bottom: -12px;
	left: 0;
	right: 0
}

.ui-btn-blue {
	background-color: #18b4ed;
	border-color: #0baae4;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.49, #1fbaf3), to(#18b4ed));
	color: #fff
}

.ui-btn-blue:active,
.ui-btn-blue.active {
	background: #1ca7da;
	border-color: #1ca7da;
	color: rgba(255, 255, 255, 0.5)
}

.ui-btn-red {
	background-color: #f75549;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.49, #fe594d), to(#f75549));
	color: #fff;
	border-color: #f43d30
}

.ui-btn-red:active,
.ui-btn-red.active {
	background: #df5045;
	border-color: #df5045;
	color: rgba(255, 255, 255, 0.5)
}

.ui-btn-lg {
	font-size: 18px;
	height: 44px;
	line-height: 42px;
	display: block;
	width: 100%;
	border-radius: 5px
}

.ui-btn-disabled,
.ui-btn-disabled:active,
.ui-btn-disabled.active {
	border: 1px solid #e9ebec;
	color: #ccc;
	background: #e9ebec;
	text-shadow: none
}

.ui-btn-wrap {
	padding: 20px 15px 0
}

.ui-btn-group {
	display: -webkit-box;
	width: 100%
}

.ui-btn-bottom {
	position: fixed;
	bottom: 0
}

.ui-btn-group button {
	color: #00a5e0;
	border: 0;
	display: block;
	line-height: 50px;
	height: 48px;
	-webkit-box-flex: 1;
	background-color: #fff;
	text-align: center;
	font-size: 16px;
	border-right: 1px #c8c7cc solid;
	width: 100%;
	border-top: 1px solid #c8c7cc
}

.ui-btn-group button:active {
	background: rgba(0, 0, 0, 0.1)
}

.ui-btn-group button:last-child {
	border-right: 0;
	background-image: none
}

@media screen and (-webkit-min-device-pixel-ratio:2) {
	.ui-btn-group button {
		position: relative;
		border: 0
	}
	.ui-btn-group button:before {
		content: "";
		position: absolute;
		-webkit-transform-origin: right top;
		width: 0;
		border-right: 1px solid #c8c7cc;
		right: 0;
		top: 0;
		bottom: 0;
		-webkit-transform: scaleX(0.5)
	}
	.ui-btn-group button:after {
		content: "";
		position: absolute;
		-webkit-transform-origin: right top;
		left: 0;
		right: 0;
		height: 0;
		border-top: 1px solid #c8c7cc;
		top: 0;
		-webkit-transform: scaleY(0.5)
	}
	.ui-btn-group button:last-child:before {
		border-right: 0;
		background-image: none
	}
}

.ui-list {
	background-color: #fff
}

.ui-list li {
	position: relative;
	line-height: 40px;
	display: -webkit-box;
	display: box;
	margin-left: 15px
}

.ui-list li:first-child {
	border: 0;
	background-image: none
}

.ui-list li:first-child .ui-border-top {
	border-top: 0;
	background-image: none
}

.ui-list .thumb {
	width: 50px;
	margin: 7px 15px 7px 0;
	height: 50px;
	position: relative;
	-webkit-background-size: 50px auto;
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/default.png?_bid=256)
}

.ui-list .thumb-s {
	position: relative;
	width: 28px;
	height: 28px;
	-webkit-background-size: 28px auto;
	margin: 11px 15px 11px 0;
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/default.png?_bid=256)
}

.ui-list .thumb .img,
.ui-list .thumb-s .img {
	width: 100%;
	height: 100%;
	-webkit-background-size: 100% auto;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1
}

.ui-list .info {
	-webkit-box-flex: 1;
	box-flex: 1;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-right: 20px;
	display: box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
	box-orient: vertical;
	box-pack: center
}

.ui-list .info h3 {
	font-size: 16px;
	line-height: 18px;
	font-weight: 400;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100%;
	height: 20px
}

.ui-list .info .title {
	color: #808080;
	margin-right: 12px
}

.ui-list .info p {
	font-size: 12px;
	line-height: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100%;
	color: #808080
}

.ui-list .ui-btn {
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -15px
}

.ui-list li.active {
	background-color: #f8f9fa;
	padding-left: 15px;
	margin-left: 0
}

.ui-list li.active .ui-border-top {
	background-image: none;
	border-top: 0
}

.ui-list li.active+li .ui-border-top,
.ui-list li.active+.ui-border-top {
	background-image: none;
	border-top: 0
}

.ui-list.list-function .info {
	padding-right: 70px
}

.ui-list.list-cover li,
.ui-list-text.list-cover li {
	padding-left: 15px;
	margin-left: 0
}

.ui-list.list-link li:after,
.ui-list-text.list-link li:after,
li.list-item-link:after {
	background: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/icon.png?_bid=256) no-repeat -125px -50px;
	background-size: 200px auto;
	content: "";
	display: block;
	width: 8px;
	height: 13px;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -6px
}

.ui-list-text li.selected {
	color: #00a5e0
}

.ui-list-text li.selected:after {
	content: "";
	display: block;
	width: 14px;
	height: 12px;
	background: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/icon.png?_bid=256) no-repeat 0 -75px;
	background-size: 200px auto;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -6px
}

.ui-list-text {
	background-color: #fff
}

.ui-list-text li {
	position: relative;
	line-height: 20px;
	padding: 12px 0;
	margin-left: 15px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100%;
	padding-right: 15px;
	font-size: 16px
}

.ui-list-text li:first-child .ui-border-top,
.ui-list-text li.ui-border-top:first-child {
	background-image: none;
	border-top: 0
}

.ui-list.list-link .info {
	padding-right: 35px
}

.ui-list-text.list-link li {
	padding-right: 35px
}

.ui-list-text li.active {
	background-color: #f8f9fa
}

.ui-loading-wrap {
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	text-align: center;
	height: 40px
}

.ui-loading {
	width: 20px;
	height: 20px;
	display: block;
	background: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/loading_sprite.png?_bid=256);
	background-size: auto 20px;
	-webkit-animation: rotate 1s steps(12) infinite
}

.ui-loading-white {
	width: 37px;
	height: 37px;
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/loading_sprite_white.png?_bid=256);
	background-size: auto 37px;
	-webkit-animation: rotate2 1s steps(12) infinite
}

.ui-loading-wrap .ui-loading {
	margin: 10px
}

@-webkit-keyframes rotate {
	from {
		background-position: 0 0
	}
	to {
		background-position: -240px 0
	}
}

@-webkit-keyframes rotate2 {
	from {
		background-position: 0 0
	}
	to {
		background-position: -444px 0
	}
}

.ui-notice {
	width: 100%;
	height: 100%;
	z-index: 999;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	position: absolute;
	text-align: center
}

.ui-notice i {
	display: block;
	background-size: 100px 100px;
	width: 100px;
	height: 100px;
	margin-bottom: 20px;
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/icon_warn.png?_bid=256)
}

.ui-notice i.icon-news {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/icon_warn_news.png?_bid=256)
}

.ui-notice i.icon-nearby {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/icon_warn_nearby.png?_bid=256)
}

.ui-notice p {
	font-size: 16px;
	line-height: 20px;
	color: #ababab;
	text-align: center;
	padding: 0 15px
}

.ui-notice-warn {
	width: 100%;
	height: 150px;
	z-index: 999;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	text-align: center;
	color: #a6a6a6
}

.ui-notice-warn i {
	margin-bottom: 10px
}

.ui-notice-warn i.loading {
	-webkit-animation: rotate3 1s infinite linear
}

.ui-notice-btn {
	width: 100%;
	-webkit-box-sizing: border-box;
	padding: 50px 15px
}

.ui-notice-btn button {
	margin: 10px 0
}

@-webkit-keyframes rotate3 {
	0% {
		-webkit-transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(360deg)
	}
}

.ui-tab {
	width: 100%;
	overflow: scroll;
	-webkit-overflow-scrolling: touch
}

::-webkit-scrollbar {
	height: 0;
	width: 0
}

.ui-tab ul {
	height: 44px;
	line-height: 44px;
	display: box;
	display: -webkit-box;
	font-size: 16px
}

.ui-tab li {
	min-width: 70px;
	box-flex: 1;
	-webkit-box-flex: 1;
	text-align: center;
	color: #808080
}

.ui-tab li.active {
	color: #00a5e0;
	border-bottom: 3px #00a5e0 solid
}

.ui-table {
	width: 100%;
	border-collapse: collapse
}

.ui-table th {
	font-weight: 500
}

.ui-table td,
.ui-table th {
	border-bottom: 1px solid #dedfe0;
	border-right: 1px solid #dedfe0
}

@media screen and (-webkit-min-device-pixel-ratio:2) {
	.ui-table td,
	.ui-table th {
		position: relative;
		border: 0
	}
	.ui-table td:before,
	.ui-table td:after,
	.ui-table th:before,
	.ui-table th:after {
		content: "";
		position: absolute;
		-webkit-transform-origin: right bottom
	}
	.ui-table td:before,
	.ui-table th:before {
		width: 0;
		border-right: 1px solid #dedfe0;
		right: 0;
		top: 0;
		bottom: 0;
		-webkit-transform: scaleX(0.5)
	}
	.ui-table td:after,
	.ui-table th:after {
		left: 0;
		right: 0;
		height: 0;
		border-bottom: 1px solid #dedfe0;
		bottom: 0;
		-webkit-transform: scaleY(0.5)
	}
	.ui-table tr td:last-child:before,
	.ui-table tr th:last-child:before {
		border-right: 0
	}
	.ui-table td.no-content:after {
		border-bottom: 0
	}
}

.ui-table tr td:last-child,
.ui-table tr th:last-child {
	border-right: 0
}

.ui-table td.no-content {
	border-bottom: 0
}

.ui-tips {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10
}

.ui-tips .tips-cont {
	margin: 0 10px;
	background-color: rgba(0, 0, 0, 0.6);
	line-height: 40px;
	height: 40px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	overflow: hidden
}

.ui-tips .tips-cont i {
	margin-right: 8px;
	margin-left: 0
}

.ui-tips .ui-icon {
	font-size: 20px
}

.ui-tips-warn .tips-cont {
	background-color: rgba(255, 242, 183, 0.95);
	margin: 0;
	border-radius: none;
	color: #000;
	line-height: 45px;
	height: 45px;
	text-align: left;
	padding-left: 10px
}

.ui-tips-warn .tips-cont-cover:after {
	background: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/icon.png?_bid=256) no-repeat -125px -50px;
	background-size: 200px auto;
	content: "";
	display: block;
	width: 8px;
	height: 13px;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -8px
}

.ui-tips-news-wrap {
	padding: 15px 5px;
	text-align: center
}

.ui-tips-news {
	background: rgba(0, 0, 0, 0.5);
	position: relative;
	height: 36px;
	line-height: 36px;
	display: inline-block;
	padding: 0 25px 0 50px;
	border-radius: 3px;
	font-size: 14px;
	color: #fff
}

.ui-tips-news:before {
	content: "";
	height: 18px;
	overflow: hidden;
	display: block;
	position: absolute;
	background: url();
	width: 19px;
	left: 25px;
	top: 9px;
	z-index: 1;
	background-size: 19px 18px;
	-webkit-background-size: 19px 18px
}

.ui-tips-news:active {
	opacity: .7
}

.ui-dialog {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	background: rgba(0, 0, 0, 0.4);
	display: none;
	color: #000
}

.ui-dialog-notice {
	background: transparent
}

.ui-dialog.show {
	display: -webkit-box;
	display: box
}

.ui-dialog .dialog-container {
	border-radius: 6px;
	width: 270px;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	outline: 0;
	pointer-events: auto;
	background-color: rgba(255, 255, 255, 0.95);
	position: relative
}

.ui-dialog .icon-close {
	background: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/icon.png?_bid=256) no-repeat -125px -25px;
	background-size: 200px auto;
	width: 24px;
	height: 24px;
	position: absolute;
	right: 6px;
	top: 6px;
	text-indent: -999em
}

.ui-dialog .icon-close:active {
	opacity: .4
}

.ui-dialog .dialog-body {
	min-height: 71px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	padding: 18px;
	font-size: 16px;
	display: -webkit-box;
	display: box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	-webkit-box-orient: vertical
}

.ui-dialog .dialog-body h4 {
	margin-bottom: 4px;
	font-size: 16px;
	width: 100%;
	text-align: center
}

.ui-dialog .dialog-body div {
	width: 100%
}

.ui-dialog .dialog-footer {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px
}

.ui-dialog .dialog-footer button {
	height: 42px;
	line-height: 42px;
	background: transparent
}

.ui-dialog .dialog-footer button:active {
	background: rgba(0, 0, 0, 0.1)
}

.ui-dialog .dialog-footer button:first-child {
	border-bottom-left-radius: 6px;
	background-image: none
}

.ui-dialog .dialog-footer button:last-child {
	border-bottom-right-radius: 6px
}

.dialog-notice,
.dialog-notice-container {
	width: 130px;
	height: 110px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	text-align: center;
	background: rgba(0, 0, 0, 0.65);
	border-radius: 6px;
	color: #fff
}

.icon-notice {
	display: block;
	background-size: 36px 36px;
	width: 36px;
	height: 36px;
	margin-bottom: 12px
}

.ui-select-user {
	background: #fff
}

.ui-select-user ul {
	color: #282828;
	display: none
}

.ui-select-user h3 {
	font-size: 16px;
	color: #282828;
	padding-left: 44px;
	line-height: 44px;
	height: 44px;
	font-weight: 400;
	position: relative
}

.arrow {
	display: block;
	width: 8px;
	height: 10px;
	background: url() no-repeat center left;
	background-size: 8px auto;
	position: absolute;
	left: 15px;
	top: 15px;
	transition: all .2s;
	-webkit-transition: all .2s
}

.ui-select-user .ui-select-user-item .ui-select-user-head {
	width: 40px;
	height: 40px;
	margin-top: 12px;
	background-size: 40px auto;
	-webkit-background-size: 40px auto
}

.ui-select-user .active ul {
	display: block
}

.ui-select-user .active .arrow {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg)
}

.ui-icon-vip,
.ui-icon-mq-vip,
.ui-icon-mq-vip-off,
.ui-icon-mq-yearvip,
.ui-icon-mq-yearvip-off,
.ui-icon-vip-level,
.ui-icon-vip-cardlevel,
.ui-icon-vip-year,
.ui-icon-vip-yearcardlevel,
.ui-icon-svip-level,
.ui-icon-svip-cardlevel,
.ui-icon-svip-year,
.ui-icon-svip-yearcardlevel,
.ui-icon-mq,
.ui-icon-viplevel,
.ui-icon-viplevel-s,
.ui-icon-sviplevel,
.ui-icon-sviplevel-s,
.ui-icon-yearviplevel,
.ui-icon-yearviplevel-s,
.ui-icon-yearsviplevel,
.ui-icon-yearsviplevel-s {
	display: inline-block;
	height: 1px;
	position: relative;
	vertical-align: middle
}

.ui-icon-vip:after,
.ui-icon-mq-vip:after,
.ui-icon-mq-vip-off:after,
.ui-icon-mq-yearvip:after,
.ui-icon-mq-yearvip-off:after,
.ui-icon-vip-level:after,
.ui-icon-vip-cardlevel:after,
.ui-icon-vip-year:after,
.ui-icon-vip-yearcardlevel:after,
.ui-icon-svip-level:after,
.ui-icon-svip-cardlevel:after,
.ui-icon-svip-year:after,
.ui-icon-svip-yearcardlevel:after,
.ui-icon-mq:after,
.ui-icon-viplevel:after,
.ui-icon-viplevel-s:after,
.ui-icon-sviplevel:after,
.ui-icon-sviplevel-s:after,
.ui-icon-yearviplevel:after,
.ui-icon-yearviplevel-s:after,
.ui-icon-yearsviplevel:after,
.ui-icon-yearsviplevel-s:after {
	overflow: hidden;
	content: "\0020";
	display: block;
	width: 100%;
	background-repeat: no-repeat;
	position: absolute;
	line-height: 100px
}

.ui-icon-vip-level {
	width: 43px
}

.ui-icon-vip-level:after {
	height: 23px;
	top: -15px;
	-webkit-background-size: 43px auto
}

.ui-icon-vip-level {
	display: inline-block;
	height: 1px;
	position: relative;
	vertical-align: middle
}

.ui-icon-vip-level:after {
	overflow: hidden;
	content: "\0020";
	display: block;
	width: 100%;
	background-repeat: no-repeat;
	position: absolute;
	line-height: 100px
}

.ui-icon-mq,
.ui-icon-mq-vip,
.ui-icon-mq-vip-off,
.ui-icon-mq-yearvip,
.ui-icon-mq-yearvip-off {
	width: 28px
}

.ui-icon-mq:after,
.ui-icon-mq-vip:after,
.ui-icon-mq-vip-off:after,
.ui-icon-mq-yearvip:after,
.ui-icon-mq-yearvip-off:after {
	height: 28px;
	top: -15px;
	-webkit-background-size: 28px auto
}

.ui-icon-mq-vip:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/mq_vip.png?_bid=256)
}

.ui-icon-mq-vip-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/mq_vip.png?_bid=256)
}

.ui-icon-mq-yearvip:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/mq_yearvip.png?_bid=256)
}

.ui-icon-mq-yearvip-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/mq_yearvip.png?_bid=256)
}

.ui-icon-vip-level {
	width: 50px
}

.ui-icon-vip-level:after {
	-webkit-background-size: 50px auto
}

.ui-icon-vip-cardlevel {
	width: 29px
}

.ui-icon-vip-cardlevel:after {
	-webkit-background-size: auto 13px
}

.ui-icon-vip-year {
	width: 59px
}

.ui-icon-vip-year:after {
	-webkit-background-size: 59px auto
}

.ui-icon-vip-yearcardlevel {
	width: 38px
}

.ui-icon-vip-yearcardlevel:after {
	-webkit-background-size: auto 13px
}

.ui-icon-svip-level {
	width: 57px
}

.ui-icon-svip-level:after {
	-webkit-background-size: 57px auto
}

.ui-icon-svip-cardlevel {
	width: 35px
}

.ui-icon-svip-cardlevel:after {
	-webkit-background-size: auto 13px
}

.ui-icon-svip-year {
	width: 66px
}

.ui-icon-svip-year:after {
	-webkit-background-size: 66px auto
}

.ui-icon-svip-yearcardlevel {
	width: 45px
}

.ui-icon-svip-yearcardlevel:after {
	-webkit-background-size: auto 13px
}

.ui-icon-vip-level:after,
.ui-icon-vip-year:after {
	height: 24px;
	top: -15px
}

.ui-icon-svip-level:after,
.ui-icon-svip-year:after {
	height: 26px;
	top: -17px
}

.ui-icon-vip-cardlevel:after,
.ui-icon-svip-cardlevel:after,
.ui-icon-vip-yearcardlevel:after,
.ui-icon-svip-yearcardlevel:after {
	height: 13px;
	top: -7px
}

.ui-icon-vip-level.level1:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/vip_1.png?_bid=256)
}

.ui-icon-vip-cardlevel.level1:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/vip_c_1.png?_bid=256)
}

.ui-icon-vip-yearcardlevel.level1:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/vip_n_c_1.png?_bid=256)
}

.ui-icon-vip-year.level1:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/vip_n_1.png?_bid=256)
}

.ui-icon-svip-level.level1:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/svip_1.png?_bid=256)
}

.ui-icon-svip-cardlevel.level1:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/svip_c_1.png?_bid=256)
}

.ui-icon-svip-year.level1:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/svip_n_1.png?_bid=256)
}

.ui-icon-svip-yearcardlevel.level1:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/svip_n_c_1.png?_bid=256)
}

.ui-icon-vip-level.level2:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/vip_2.png?_bid=256)
}

.ui-icon-vip-cardlevel.level2:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/vip_c_2.png?_bid=256)
}

.ui-icon-vip-yearcardlevel.level2:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/vip_n_c_2.png?_bid=256)
}

.ui-icon-vip-year.level2:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/vip_n_2.png?_bid=256)
}

.ui-icon-svip-level.level2:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/svip_2.png?_bid=256)
}

.ui-icon-svip-cardlevel.level2:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/svip_c_2.png?_bid=256)
}

.ui-icon-svip-year.level2:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/svip_n_2.png?_bid=256)
}

.ui-icon-svip-yearcardlevel.level2:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/svip_n_c_2.png?_bid=256)
}

.ui-icon-vip-level.level3:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/vip_3.png?_bid=256)
}

.ui-icon-vip-cardlevel.level3:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/vip_c_3.png?_bid=256)
}

.ui-icon-vip-yearcardlevel.level3:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/vip_n_c_3.png?_bid=256)
}

.ui-icon-vip-year.level3:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/vip_n_3.png?_bid=256)
}

.ui-icon-svip-level.level3:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/svip_3.png?_bid=256)
}

.ui-icon-svip-cardlevel.level3:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/svip_c_3.png?_bid=256)
}

.ui-icon-svip-year.level3:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/svip_n_3.png?_bid=256)
}

.ui-icon-svip-yearcardlevel.level3:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/svip_n_c_3.png?_bid=256)
}

.ui-icon-vip-level.level4:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/vip_4.png?_bid=256)
}

.ui-icon-vip-cardlevel.level4:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/vip_c_4.png?_bid=256)
}

.ui-icon-vip-yearcardlevel.level4:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/vip_n_c_4.png?_bid=256)
}

.ui-icon-vip-year.level4:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/vip_n_4.png?_bid=256)
}

.ui-icon-svip-level.level4:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/svip_4.png?_bid=256)
}

.ui-icon-svip-cardlevel.level4:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/svip_c_4.png?_bid=256)
}

.ui-icon-svip-year.level4:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/svip_n_4.png?_bid=256)
}

.ui-icon-svip-yearcardlevel.level4:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/svip_n_c_4.png?_bid=256)
}

.ui-icon-vip-level.level5:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/vip_5.png?_bid=256)
}

.ui-icon-vip-cardlevel.level5:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/vip_c_5.png?_bid=256)
}

.ui-icon-vip-yearcardlevel.level5:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/vip_n_c_5.png?_bid=256)
}

.ui-icon-vip-year.level5:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/vip_n_5.png?_bid=256)
}

.ui-icon-svip-level.level5:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/svip_5.png?_bid=256)
}

.ui-icon-svip-cardlevel.level5:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/svip_c_5.png?_bid=256)
}

.ui-icon-svip-year.level5:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/svip_n_5.png?_bid=256)
}

.ui-icon-svip-yearcardlevel.level5:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/svip_n_c_5.png?_bid=256)
}

.ui-icon-vip-level.level6:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/vip_6.png?_bid=256)
}

.ui-icon-vip-cardlevel.level6:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/vip_c_6.png?_bid=256)
}

.ui-icon-vip-yearcardlevel.level6:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/vip_n_c_6.png?_bid=256)
}

.ui-icon-vip-year.level6:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/vip_n_6.png?_bid=256)
}

.ui-icon-svip-level.level6:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/svip_6.png?_bid=256)
}

.ui-icon-svip-cardlevel.level6:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/svip_c_6.png?_bid=256)
}

.ui-icon-svip-year.level6:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/svip_n_6.png?_bid=256)
}

.ui-icon-svip-yearcardlevel.level6:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/svip_n_c_6.png?_bid=256)
}

.ui-icon-vip-level.level7:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/vip_7.png?_bid=256)
}

.ui-icon-vip-cardlevel.level7:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/vip_c_7.png?_bid=256)
}

.ui-icon-vip-yearcardlevel.level7:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/vip_n_c_7.png?_bid=256)
}

.ui-icon-vip-year.level7:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/vip_n_7.png?_bid=256)
}

.ui-icon-svip-level.level7:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/svip_7.png?_bid=256)
}

.ui-icon-svip-cardlevel.level7:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/svip_c_7.png?_bid=256)
}

.ui-icon-svip-year.level7:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/svip_n_7.png?_bid=256)
}

.ui-icon-svip-yearcardlevel.level7:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/svip_n_c_7.png?_bid=256)
}

.ui-icon-vip-level.level1-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/vip_1.png?_bid=256)
}

.ui-icon-vip-cardlevel.level1-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/vip_c_1.png?_bid=256)
}

.ui-icon-vip-yearcardlevel.level1-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/vip_n_c_1.png?_bid=256)
}

.ui-icon-vip-year.level1-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/vip_n_1.png?_bid=256)
}

.ui-icon-svip-level.level1-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/svip_1.png?_bid=256)
}

.ui-icon-svip-cardlevel.level1-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/svip_c_1.png?_bid=256)
}

.ui-icon-svip-year.level1-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/svip_n_1.png?_bid=256)
}

.ui-icon-svip-yearcardlevel.level1-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/svip_n_c_1.png?_bid=256)
}

.ui-icon-vip-level.level2-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/vip_2.png?_bid=256)
}

.ui-icon-vip-cardlevel.level2-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/vip_c_2.png?_bid=256)
}

.ui-icon-vip-yearcardlevel.level2-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/vip_n_c_2.png?_bid=256)
}

.ui-icon-vip-year.level2-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/vip_n_2.png?_bid=256)
}

.ui-icon-svip-level.level2-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/svip_2.png?_bid=256)
}

.ui-icon-svip-cardlevel.level2-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/svip_c_2.png?_bid=256)
}

.ui-icon-svip-year.level2-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/svip_n_2.png?_bid=256)
}

.ui-icon-svip-yearcardlevel.level2-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/svip_n_c_2.png?_bid=256)
}

.ui-icon-vip-level.level3-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/vip_3.png?_bid=256)
}

.ui-icon-vip-cardlevel.level3-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/vip_c_3.png?_bid=256)
}

.ui-icon-vip-yearcardlevel.level3-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/vip_n_c_3.png?_bid=256)
}

.ui-icon-vip-year.level3-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/vip_n_3.png?_bid=256)
}

.ui-icon-svip-level.level3-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/svip_3.png?_bid=256)
}

.ui-icon-svip-cardlevel.level3-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/svip_c_3.png?_bid=256)
}

.ui-icon-svip-year.level3-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/svip_n_3.png?_bid=256)
}

.ui-icon-svip-yearcardlevel.level3-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/svip_n_c_3.png?_bid=256)
}

.ui-icon-vip-level.level4-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/vip_4.png?_bid=256)
}

.ui-icon-vip-cardlevel.level4-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/vip_c_4.png?_bid=256)
}

.ui-icon-vip-yearcardlevel.level4-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/vip_n_c_4.png?_bid=256)
}

.ui-icon-vip-year.level4-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/vip_n_4.png?_bid=256)
}

.ui-icon-svip-level.level4-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/svip_4.png?_bid=256)
}

.ui-icon-svip-cardlevel.level4-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/svip_c_4.png?_bid=256)
}

.ui-icon-svip-year.level4-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/svip_n_4.png?_bid=256)
}

.ui-icon-svip-yearcardlevel.level4-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/svip_n_c_4.png?_bid=256)
}

.ui-icon-vip-level.level5-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/vip_5.png?_bid=256)
}

.ui-icon-vip-cardlevel.level5-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/vip_c_5.png?_bid=256)
}

.ui-icon-vip-yearcardlevel.level5-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/vip_n_c_5.png?_bid=256)
}

.ui-icon-vip-year.level5-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/vip_n_5.png?_bid=256)
}

.ui-icon-svip-level.level5-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/svip_5.png?_bid=256)
}

.ui-icon-svip-cardlevel.level5-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/svip_c_5.png?_bid=256)
}

.ui-icon-svip-year.level5-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/svip_n_5.png?_bid=256)
}

.ui-icon-svip-yearcardlevel.level5-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/svip_n_c_5.png?_bid=256)
}

.ui-icon-vip-level.level6-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/vip_6.png?_bid=256)
}

.ui-icon-vip-cardlevel.level6-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/vip_c_6.png?_bid=256)
}

.ui-icon-vip-yearcardlevel.level6-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/vip_n_c_6.png?_bid=256)
}

.ui-icon-vip-year.level6-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/vip_n_6.png?_bid=256)
}

.ui-icon-svip-level.level6-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/svip_6.png?_bid=256)
}

.ui-icon-svip-cardlevel.level6-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/svip_c_6.png?_bid=256)
}

.ui-icon-svip-year.level6-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/svip_n_6.png?_bid=256)
}

.ui-icon-svip-yearcardlevel.level6-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/svip_n_c_6.png?_bid=256)
}

.ui-icon-vip-level.level7-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/vip_7.png?_bid=256)
}

.ui-icon-vip-cardlevel.level7-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/vip_c_7.png?_bid=256)
}

.ui-icon-vip-yearcardlevel.level7-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/vip_n_c_7.png?_bid=256)
}

.ui-icon-vip-year.level7-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/vip_n_7.png?_bid=256)
}

.ui-icon-svip-level.level7-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/svip_7.png?_bid=256)
}

.ui-icon-svip-cardlevel.level7-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/svip_c_7.png?_bid=256)
}

.ui-icon-svip-year.level7-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/svip_n_7.png?_bid=256)
}

.ui-icon-svip-yearcardlevel.level7-off:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/svip_n_c_7.png?_bid=256)
}

.ui-icon-vip-level:after {
	background-image: url(http://imgcache.gtimg.cn/vipstyle/mobile/global/mqqui/v2/img/vip/off/vip.png?_bid=256)
}

.ui-icon-qqlevel {
	display: inline-block;
	width: 15px;
	height: 1px;
	position: relative;
	vertical-align: middle
}

.ui-icon-qqlevel:after {
	overflow: hidden;
	content: "\0020";
	display: block;
	width: 16px;
	background: url(../img/vip/icon_qqlevel_sprite.png?_bid=256) no-repeat;
	background-repeat: no-repeat;
	position: absolute;
	line-height: 100px;
	height: 16px;
	-webkit-background-size: 16px auto;
	top: -10px
}

.ui-icon-qqlevel-king:after {
	background-position: 0 0
}

.ui-icon-qqlevel-sun:after {
	background-position: 0 -48px
}

.ui-icon-qqlevel-moon:after {
	background-position: 0 -16px
}

.ui-icon-qqlevel-star:after {
	background-position: 0 -32px
}

.ui-icon-qqlevel-none:after {
	background-position: 0 -64px
}

.ui-icon-qqlevel {
	display: inline-block;
	width: 15px;
	height: 1px;
	position: relative;
	vertical-align: middle
}

.ui-icon-qqlevel:after {
	content: "";
	display: block;
	width: 16px;
	background: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/icon_qqlevel_sprite.png?_bid=256) no-repeat;
	background-repeat: no-repeat;
	position: absolute;
	line-height: 100px;
	height: 16px;
	-webkit-background-size: 16px auto;
	top: -10px
}

.ui-icon-qqlevel-king:after {
	background-position: 0 0
}

.ui-icon-qqlevel-sun:after {
	background-position: 0 -48px
}

.ui-icon-qqlevel-moon:after {
	background-position: 0 -16px
}

.ui-icon-qqlevel-star:after {
	background-position: 0 -32px
}

.ui-icon-qqlevel-none:after {
	background-position: 0 -64px
}

.ui-icon-vip,
.ui-icon-mq-vip,
.ui-icon-mq-vip-off,
.ui-icon-mq-yearvip,
.ui-icon-mq-yearvip-off,
.ui-icon-vip-level,
.ui-icon-vip-cardlevel,
.ui-icon-vip-year,
.ui-icon-vip-yearcardlevel,
.ui-icon-svip-level,
.ui-icon-svip-cardlevel,
.ui-icon-svip-year,
.ui-icon-svip-yearcardlevel,
.ui-icon-mq,
.ui-icon-viplevel,
.ui-icon-viplevel-s,
.ui-icon-sviplevel,
.ui-icon-sviplevel-s,
.ui-icon-yearviplevel,
.ui-icon-yearviplevel-s,
.ui-icon-yearsviplevel,
.ui-icon-yearsviplevel-s {
	display: inline-block;
	height: 1px;
	position: relative;
	vertical-align: middle
}

.ui-icon-vip span,
.ui-icon-mq-vip span,
.ui-icon-mq-vip-off span,
.ui-icon-mq-yearvip span,
.ui-icon-mq-yearvip-off span,
.ui-icon-vip-level span,
.ui-icon-vip-cardlevel span,
.ui-icon-vip-year span,
.ui-icon-vip-yearcardlevel span,
.ui-icon-svip-level span,
.ui-icon-svip-cardlevel span,
.ui-icon-svip-year span,
.ui-icon-svip-yearcardlevel span,
.ui-icon-mq span,
.ui-icon-viplevel span,
.ui-icon-viplevel-s span,
.ui-icon-sviplevel span,
.ui-icon-sviplevel-s span,
.ui-icon-yearviplevel span,
.ui-icon-yearviplevel-s span,
.ui-icon-yearsviplevel span,
.ui-icon-yearsviplevel-s span {
	overflow: hidden;
	display: block;
	width: 100%;
	background-repeat: no-repeat;
	position: absolute;
	line-height: 100px
}

.ui-icon-mq,
.ui-icon-mq-vip,
.ui-icon-mq-vip-off,
.ui-icon-mq-yearvip,
.ui-icon-mq-yearvip-off {
	width: 28px
}

.ui-icon-mq span,
.ui-icon-mq-vip span,
.ui-icon-mq-vip-off span,
.ui-icon-mq-yearvip span,
.ui-icon-mq-yearvip-off span {
	height: 28px;
	top: -15px;
	-webkit-background-size: 28px auto
}

.ui-icon-viplevel {
	width: 46px
}

.ui-icon-viplevel span {
	-webkit-background-size: auto 20px
}

.ui-icon-viplevel-s {
	width: 31px
}

.ui-icon-viplevel-s span {
	-webkit-background-size: auto 12px
}

.ui-icon-yearviplevel {
	width: 55px
}

.ui-icon-yearviplevel span {
	-webkit-background-size: auto 19px
}

.ui-icon-yearviplevel-s {
	width: 40px
}

.ui-icon-yearviplevel-s span {
	-webkit-background-size: auto 12px
}

.ui-icon-sviplevel {
	width: 52px
}

.ui-icon-sviplevel span {
	-webkit-background-size: auto 22px
}

.ui-icon-sviplevel-s {
	width: 36px
}

.ui-icon-sviplevel-s span {
	-webkit-background-size: auto 12px
}

.ui-icon-yearsviplevel {
	width: 58px
}

.ui-icon-yearsviplevel span {
	-webkit-background-size: auto 20px
}

.ui-icon-yearsviplevel-s {
	width: 45px
}

.ui-icon-yearsviplevel-s span {
	-webkit-background-size: auto 12px
}

.ui-icon-viplevel span,
.ui-icon-yearviplevel span {
	height: 22px;
	top: -12px
}

.ui-icon-sviplevel span,
.ui-icon-yearsviplevel span {
	height: 22px;
	top: -14px
}

.ui-icon-viplevel-s span,
.ui-icon-sviplevel-s span,
.ui-icon-yearviplevel-s span,
.ui-icon-yearsviplevel-s span {
	height: 20px;
	top: -7px
}


/*  |xGv00|2b3e206b6b69fa54412aa6cf869438ff */

body {
	background-color: #f8f9fa;
	font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
}

.header-wrapper {
	height: 168px;
	position: relative;
	overflow: hidden;
	background: -webkit-radial-gradient(left top, circle, #d1f0d0, #c3edda 10%, #84c4d4 40%, #a1bbdf);
	background: -ms-radial-gradient(left top, circle, #d1f0d0, #c3edda 10%, #84c4d4 40%, #a1bbdf);
	background: radial-gradient(left top, circle, #d1f0d0, #c3edda 10%, #84c4d4 40%, #a1bbdf);
}

.header-inner {
	height: 100%;
	position: relative;
}

.dashboard {
	position: absolute;
	width: 150px;
	height: 150px;
	text-align: center;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .2);
	background-color: rgba(255, 255, 255, .1);
	left: 50%;
	top: 50%;
	margin: -76px 0 0 -76px;
	z-index: 10;
	-webkit-background-size: 150px 150px;
	background-size: 150px 150px;
}

.number {
	margin-top: 38%;
	color: #fff;
	font-size: 34px;
	line-height: 1em;
	font-family: 'custom';
	font-weight: 700;
}

.tip {
	color: #fff;
	font-size: 12px;
}

.waves {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 168px;
	z-index: 1;
	-webkit-transition: all 1s cubic-bezier(0.17, 0.89, 0.42, 1.89);
	transition: all 1s cubic-bezier(0.17, 0.89, 0.42, 1.89);
	-webkit-mask: center no-repeat;
	mask: center no-repeat;
	-webkit-mask-image: url(img/mask.png);
	mask-image: url(img/mask.png);
}

.waves .w1 {
	width: 800px;
	height: 30px;
	position: absolute;
	bottom: 8px;
	left: 50%;
	margin-left: -80px;
	background: url(img/w1.png) no-repeat;
	-webkit-background-size: auto 30px;
	background-size: auto 30px;
	-webkit-animation: wave1move 8s linear infinite;
	animation: wave1move 8s linear infinite;
	z-index: 10;
}

.waves .w2 {
	width: 700px;
	height: 28px;
	position: absolute;
	bottom: 8px;
	left: 50%;
	margin-left: -70px;
	background: url(img/w2.png) no-repeat;
	-webkit-background-size: auto 28px;
	background-size: auto 28px;
	-webkit-animation: wave2move 12s linear infinite;
	animation: wave2move 12s linear infinite;
	z-index: 1;
}
.anim-bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.anim-zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.anim-shake {
    -webkit-animation-name: shake;
    animation-name: shake;
    -webkit-animation-delay: 600ms;
    animation-delay: 600ms;
    -webkit-animation-duration: 1400ms;
    animation-duration: 1400ms;
    /* -webkit-animation-fill-mode:both; */
    /* animation-fill-mode:both; */
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.p1-s1-anim-start .anim-egg-break {
    color: transparent!important;
    -webkit-animation-name: eggBreak;
    animation-name: eggBreak;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: steps(10);
    animation-timing-function: steps(10)
}

@-webkit-keyframes wave1move {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(-365px, 0, 0);
	}
}

@-webkit-keyframes wave2move {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(-333px, 0, 0);
	}
}

@keyframes wave1move {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(-365px, 0, 0);
		transform: translate3d(-365px, 0, 0);
	}
}

@keyframes wave2move {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(-333px, 0, 0);
		transform: translate3d(-333px, 0, 0);
	}
}
		@-webkit-keyframes shake {
    0%,80%,90%,100% {
        -webkit-transform: translate3d(0,0,0)
    }

    10%,30%,50%,70% {
        -webkit-transform: translate3d(-5px,0,0)
    }

    20%,40%,60% {
        -webkit-transform: translate3d(5px,0,0)
    }
}</style>
	</head>

	<body>
		<header>
			<div class="header-wrapper">
				<div class="header-inner">
					<div class="dashboard">
						<div class="number">
							<span>03</span>:<span>10</span>:<span>00</span>
						</div>
						<div class="tip">剩余WiFi时长</div>
					</div>
					<div class="waves">
						<div class="w1"></div>
						<div class="w2"></div>
					</div>
				</div>
			</div>
		</header>
	</body>

</html>